/*
 * This file is part of the Try! Engine project.
 *
 * Copyright 2010-2011 Emanuele Bertoldi. All rights reserved.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 *
 * You should have received a copy of the modified BSD License along with this
 * program. If not, see <http://www.opensource.org/licenses/bsd-license.php>
 */

import QtQuick 1.0

Rectangle {
    id: main

    color: palette.window
    enabled: widget.enabled

    SystemPalette {
        id: palette

        colorGroup: SystemPalette.Active
    }

    GridView {
        id: grid

        cellWidth: 40
        cellHeight: 40
        model: tools
        delegate: toolDelegate
        anchors.fill: parent
        boundsBehavior: Flickable.StopAtBounds
    }

    Component {
        id: toolDelegate

        Rectangle {
            id: rect

            width: grid.cellWidth
            height: grid.cellHeight
            color: "transparent"
            opacity: (rect.enabled) ? 1.0 : 0.2

            Behavior on opacity { NumberAnimation { duration: 250 } }

            Image {
                id: img

                source: icon
                width: 24
                smooth: true
                fillMode: Image.PreserveAspectFit
                anchors.centerIn: parent
            }

            MouseArea {
                id: ma

                anchors.fill: parent

                onClicked: { widget.activate(index); }
            }

            states: [
                State {
                    name: "Pressed"; when: ma.pressed
                    PropertyChanges { target: rect; color: palette.highlight }
                },
                State {
                    name: "Active"; when: active && !ma.pressed && rect.enabled
                    PropertyChanges { target: rect; color: palette.highlight }
                }
            ]
        }
    }
}
